<template>
    <div class="main">
       <el-card>
            <el-row :gutter="20" type="flex" justify="space-around">
               <el-col :span="4" >
                <div class="grid-content bg-purple">
                    <el-row type="flex">
                        <el-col class="col"><a href="http://jx.fccs.com/newhouse/">买房</a></el-col>
                        <el-col>
                            <el-row class="row">
                                <el-col>新房 二手房</el-col>
                                <el-col>智能找房</el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
               </el-col> |
               <el-col :span="4">
                <div class="grid-content bg-purple">
                   <el-row type="flex">
                        <el-col class="col"><a href="http://member.fccs.com/login.jhtml?forwardUrl=http://member.fccs.com/person/saleHouse.do">卖房</a></el-col>
                        <el-col>
                            <el-row class="row">
                                <el-col>小区房价</el-col>
                                <el-col>我要卖房</el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
               </el-col> |
               <el-col :span="4">
                <div class="grid-content bg-purple">
                    <el-row type="flex">
                        <el-col class="col"><a href="http://rent.jx.fccs.com/">租房</a></el-col>
                        <el-col>
                            <el-row class="row">
                                <el-col>找租房</el-col>
                                <el-col>我要出租</el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
               </el-col> |
               <el-col :span="4">
                <div class="grid-content bg-purple">
                    <el-row type="flex">
                        <el-col class="col"><a href="http://jx.fccs.com/news/">资讯</a></el-col>
                        <el-col>
                            <el-row class="row">
                                <el-col>土地拍卖</el-col>
                                <el-col>热点专题</el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
               </el-col> |
               <el-col :span="4">
                <div class="grid-content bg-purple">
                   <el-row type="flex">
                        <el-col class="col"><a href="http://jx.fccs.com/home/">装修</a></el-col>
                        <el-col>
                            <el-row class="row">
                                <el-col>找装修</el-col>
                                <el-col>找建材</el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
               </el-col>
               </el-row>
       </el-card>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.el-card{
    margin-top: 20px;
}
.el-row--flex {
    display: flex;
    align-items: center;
}
.col{
    font-size: 30px;
    font-weight: 700;
}
.row{
    font-size: 16px;
    font-weight: 500;
}
a{
    text-decoration: none;
    color: #1da838;
}
</style>
